<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<title>后台管理</title>
<style type="text/css">	
	.top{width:100%; height:100px; font-size:30px; background-image:url(img/ccc.png);background-repeat: no-repeat;line-height:100px;}
	.left { border-right: 1px #bebebe solid; width: 25%; height:auto; float:left;}
	.hover{ background: #ebeef3; }
	.left li{list-style:none;}
	.test li{list-style:none;float:left;}
	#menu {width:100%;overflow:hidden;margin-top:22px;margin-bottom:0px;height:57px;overflow:hidden;padding-bottom:1px;border-bottom:5px solid #323232}
	#menu li {float:left}
	#menu li a {display:block;font-size:26px;color:#fff;font-weight:600;padding:0 35px;border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;behavior:url(js/PIE.htc);position:relative;text-decoration:none;text-transform:uppercase;line-height:57px}
	#menu li a:hover, #menu #menu_active a {background:#323232}
	#menu .end a {padding-right:36px}
	.nav1 {background:#3081c8}
	.nav2 {background:#8cbd20}
	.nav3 {background:#f09e2f}
	.nav4 {background:#b530ba}
	.nav5 {background:#30b6c9}
</style>
<script type="text/javascript">
$(document).ready(function() {
	$(".left li").mouseover(function() {
        $(this).addClass("hover").siblings().removeClass("hover");
    }).mouseout(function() {
        $(this).removeClass("hover").siblings().removeClass("hover");
    });
});
</script>	
</head>
<body>
<div class='top'>你好！总管理员</div>
<div class='test'>
	<nav>
		<ul id="menu">
			<li><a href="manager.html" class="nav1">首页</a></li>
			<li><a href="userinfo.html" class="nav2">用户信息</a></li>
			<li><a href="userManage.html" class="nav3">用户管理</a></li>
			<li><a href="stop.html" class="nav4">功能暂定</a></li>
			<li class="end"><a href="stop.html" class="nav5">功能暂定</a></li>
		</ul>
	</nav>
</div>
<br></br>
<div>欢迎来到后台管理页面
</div>

</body>
</html>